<template>
  <div id="panel2" >


        <audio controls autoplay loop>
  <source src="../assets/背景音乐.mp3" >

</audio>

<div class="jumbotron">
      <h2>
        Heading
      </h2>
      <p>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </p>
      <p>
       <a class="btn" href="#">View details »</a>
     </p>

</div>
<div class="jumbotron">
      <h2>
        Heading
      </h2>
      <p>
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
      </p>
      <p>
       <a class="btn" href="#">View details »</a>
     </p>

</div>
<!-- style="backgroundColor:#E6E6E6;" -->

</div>

</template>

<script>
export default {
  name: 'panel2',
  data () {
    return {

    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
/*.borderLine{
  border: 1px solid #9999cc;
  margin: 5px;
}*/

</style>
